@media screen and (max-width: 768px) {
    html {
        font-size: 14px;
    }

    .scroll_contatiner .yihua_header {
        width: 100%;
        height: 4rem;
        padding: 0 1.25rem;
        box-sizing: border-box;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #FFFFFF;
        z-index: 999;
        border-bottom: .0625rem solid #f5f5f5;
        max-width: auto;
        min-width: auto;
    }
    
    .index_contatiner .yihua_header .logo{
        display: block;    
    }

    .yihua_header .logo {
        width: 19.0625rem;
    }
    
     .yihua_header .logo img {
         width: 100%;
         height: 100%;
     }

    .yihua_header .hotline {
        display: none;
    }

    .scroll_contatiner .yihua_header .phone_nav {
        height: 1.8rem;
        display: block;
    }

    .phone_navbar {
        position: fixed;
        height: 100vh;
        top: 4rem;
        left: 0;
        z-index: 999;
        min-width: 100%;
        animation-name: navbar;
        animation-duration: 2s;
        animation-timing-function: ease;
        background-color: #FFFFFF;
        display: flex;
        overflow: hidden;
    }

    .phone_navbar::-webkit-scrollbar {
        display: none;
    }

    .phone_navbar .tab {
        width: 30%;
        display: flex;
        flex-direction: column;
        background: #f5f5f5;
        padding: .6875rem 0;
        box-sizing: border-box;
    }

    .phone_navbar .tab .tab-button {
        width: 100%;
        height: 3.4375rem;
    }

    .phone_navbar .about {
        width: 70%;
        padding: 0 .9375rem;
        box-sizing: border-box;
    }

    .phone_navbar .about .tab-content {
        display: none;
        width: 100%;
        height: auto;
        padding-bottom: 9.375rem;
    }

    .phone_navbar .about .tab-content .programa {
        width: 100%;
        /* height: 3.4375rem; */
        line-height: 3.4375rem;
        border-bottom: .0625rem solid #dfe1e6;
        text-align: left;
        font-size: 1rem;
    }

    .phone_navbar .about .tab-content .programa span,
    .phone_navbar .about .tab-content .programa a {
        width: 100%;
        height: 100%;
        display: inline-block;
    }

    .phone_navbar .about .tab-content .programa #subtitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 9999;
    }

    .phone_navbar .about .tab-content .programa #subtitle .transform {
        transform: rotate(90deg);
    }

    .phone_navbar .about .tab-content .programa a img {
        width: .5rem;
    }

    .phone_navbar .about .tab-content .programa .subnav {
        display: none;
    }

    .phone_navbar .about .tab-content .programa .subnav li {
        border-top: 0.0625rem solid #dfe1e6;
    }

    .phone_navbar .about .tab-content .programa .subnav li a {
        padding-left: 1.5625rem;
        box-sizing: border-box;
        position: relative;
    }

    .phone_navbar .about .tab-content .programa .subnav li a::after {
        content: "";
        width: .375rem;
        height: 0.0625rem;
        background-color: #000;
        position: absolute;
        left: .625rem;
        top: calc(50% - 0.0313rem);
    }

    .yihua_navbar {
        display: none;
    }

    @keyframes navbar {
        0% {
            height: 0;
        }

        100% {
            height: 100%;
        }
    }

    @keyframes navbar_a {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .footer .footer_about {
        width: 100%;
        padding: 0 1.25rem;
        box-sizing: border-box;
    }

    .footer .footer_about .logo {
        width: 7.4375rem;
        height: auto;
    }

    .footer .footer_about .column {
        display: none;
    }

    .footer .footer_about .contact .ewm .cube {
        width: 4.9375rem;
    }

    .footer .footer_about .contact .ewm .cube img {
        height: 4.9375rem;
    }

    .footer .footer_about .contact .phone {
        margin-top: 1.25rem;
    }

    .footer .footer_message {
        width: 100%;
        margin-top: 1.875rem;
        flex-wrap: wrap;
    }

    .footer .footer_message .link {
        display: none;
    }

    .footer .footer_message .copyright ,
    .footer .footer_message .technical{
        font-size: .875rem;
    }
    
    .content .PCpages {
        display: none;
    }
    
    .content .text-c{
        display: block;
    }
    
    #pages a {
        display: inline-block;
        width: 26px;
        height: 22px;
        line-height: 22px;
        background: #fff;
        border: 1px solid #e3e3e3;
        text-align: center;
        color: #333;
    }
    
    #pages a.a1 {
        background: url(../images/search/admin_img/pages.png) no-repeat 0 5px;
        width: 56px;
    }
    
    #pages {
        padding: 14px 0 10px;
        margin: 10px;
    }
    
    #pages span {
        display: inline-block;
        width: 26px;
        height: 22px;
        line-height: 22px;
        background: #5a85b2;
        border: 1px solid #5a85b2;
        color: #fff;
        text-align: center;
    }
}